body {
    min-width: 1220px;
    position: relative
}

body .todo-panel {
    position: absolute;
    height: 515px;
    border: 1px solid #cbcbcb;
    background-color: #ffffff;
    box-shadow: 0 2px 0 0 #cbcbcb;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    display: none
}

body .todo-panel .todo-title {
    position: relative;
    height: 111px
}

body .todo-panel .todo-title i {
    position: absolute;
    font-size: 60px;
    left: 14px;
    top: 29px;
    color: #0089d0
}

body .todo-panel .todo-title span.num {
    position: absolute;
    left: 80px;
    top: 30px;
    font-size: 32px;
    color: #f45438
}

body .todo-panel .todo-title span.num span {
    font-size: 14px;
    color: #000
}

body .todo-panel .todo-title label {
    position: absolute;
    top: 70px;
    font-size: 14px;
    left: 80px;
    color: #000
}

body .todo-panel .todo-items {
    overflow-y: auto;
    height: 394px
}

body .todo-panel .todo-items ul li {
    list-style: none;
    font-size: 14px;
    color: #000;
    padding-left: 15px;
    padding-right: 20px;
    line-height: 31px;
    height: 31px
}

body .todo-panel .todo-items ul li > span {
    position: relative;
    display: inline-block;
    background-color: #0089d0;
    width: 3px;
    height: 3px;
    top: -14px;
    margin-right: 3px
}

body .todo-panel .todo-items ul li a {
    display: inline-block;
    color: #000;
    text-decoration: none;
    width: 80%
}

body .todo-panel .todo-items ul li a:hover {
    text-decoration: underline
}

body .todo-panel .todo-items ul li a > span {
    color: #f45438
}

body .todo-panel .todo-items ul li label {
    float: right;
    color: #b8b8b8
}

#body .body-content {
    position: relative;
    padding-right: 300px
}

#body .body-content .right-zone {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 300px
}

#body .item-box {
    width: 286px;
    border: 1px solid #bfbfbf;
    margin-bottom: 12px
}

#body .item-box.right-box-one {
    height: 231px
}

#body .item-box.right-box-two {
    height: 272px
}

#body .item-box.right-box-three {
    height: 272px;
}

#body .item-box.right-box-three .right-box-header {
    border-bottom: 0;
}

#body .item-box.right-box-three .right-box-tab {
    height: 31px;
    border-top: 2px solid #0089d0;
    margin-bottom: 5px;
    border-left: 1px solid #bfbfbf
}

#body .item-box.right-box-three .right-box-tab a {
    display: inline-block;
    width: 141px;
    height: 31px;
    float: left;
    border: 0;
    color: #000;
    text-align: center;
    line-height: 31px;
    text-decoration: none;
    background-color: #f1f1f1
}

#body .item-box.right-box-three .right-box-tab a.current {
    background-color: #ffffff;
    border-bottom: 1px solid #bfbfbf;
}

#body .item-box.right-box-three ul.hide {
    display: none
}

/*#body .item-box.right-box-three ul li a{width:260px}*/
#body .item-box .right-box-header {
    padding: 0 10px;
    height: 35px;
    line-height: 35px;
    background-color: #e3e3e3;
    border-left: 1px solid #bfbfbf;
}

#body .item-box .right-box-header label {
    color: #000;
    font-weight: bold
}

#body .item-box .right-box-header a {
    text-decoration: none;
    float: right;
    color: #000
}

#body .item-box .right-box-header a:hover {
    text-decoration: underline
}

#body .item-box ul {
    padding-top: 5px
}

#body .item-box ul li {
    list-style: none;
    font-size: 14px;
    color: #000;
    padding: 0 10px;
    line-height: 31px;
    height: 31px
}

#body .item-box ul li span {
    position: relative;
    display: inline-block;
    background-color: #0089d0;
    width: 3px;
    height: 3px;
    top: -14px;
    margin-right: 3px
}

#body .item-box ul li a {
    display: inline-block;
    color: #000;
    text-decoration: none;
    width: 200px
}

#body .item-box ul li a:hover {
    text-decoration: underline
}

#body .item-box ul li label {
    float: right;
    color: #b8b8b8
}

#body .center-part .center-items {
    margin-bottom: 10px
}

#body .center-part .center-items .item-header {
    padding: 0 10px;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #bfbfbf;
    background-color: #e3e3e3;
    font-weight: bold
}

#body .center-part .center-items.todo {
    position: relative;
    height: 233px;
    padding-right: 215px
}

#body .center-part .center-items.todo .calendar-part {
    position: absolute;
    right: 0;
    width: 215px;
    top: 0;
    bottom: 0
}

#body .center-part .center-items.todo .work-items {
    height: 233px
}

#body .center-part .center-items.todo .work-items li {
    float: left;
    width: 33.333333%;
    cursor: pointer
}

#body .center-part .center-items.todo .work-items li .work-inner {
    padding-right: 10px
}

#body .center-part .center-items.todo .work-items li .work-inner .work-item {
    position: relative;
    height: 111px;
    color: #ffffff
}

#body .center-part .center-items.todo .work-items li .work-inner .work-item i {
    position: absolute;
    font-size: 60px;
    left: 11px;
    top: 22px
}

#body .center-part .center-items.todo .work-items li .work-inner .work-item span.num {
    position: absolute;
    left: 80px;
    top: 30px;
    font-size: 32px
}

#body .center-part .center-items.todo .work-items li .work-inner .work-item span.num span {
    font-size: 14px
}

#body .center-part .center-items.todo .work-items li .work-inner .work-item label {
    position: absolute;
    top: 70px;
    font-size: 14px;
    left: 80px
}

#body .center-part .center-items.todo .work-items li .work-inner .work-item.green {
    background-color: #28a745;
    margin-bottom: 11px
}

#body .center-part .center-items.todo .work-items li .work-inner .work-item.red {
    background-color: #dc3545;
    margin-bottom: 11px
}

#body .center-part .center-items.todo .work-items li .work-inner .work-item.yellow {
    background-color: #ffc107;
    margin-bottom: 11px
}

#body .center-part .center-items.todo .work-items li .work-inner .work-item.blue {
    background-color: #007bff
}

#body .center-part .center-items.todo .work-items li .work-inner .work-item.purple {
    background-color: #6f42c1
}

#body .center-part .center-items.todo .work-items li .work-inner .work-item.gray {
    background-color: #6c757d
}

#body .center-part .center-items.chart0 {
    height: 274px
}

#body .center-part .center-items.chart0 .chart0-item {
    float: left;
    width: 50%
}

#body .center-part .center-items.chart0 .chart0-item .item-inner {
    padding-right: 10px
}

#body .center-part .center-items.chart0 .chart0-item .item-inner .item-content {
    height: 272px;
    border: 1px solid #bfbfbf
}

#body .center-part .center-items.chart0 .chart0-item .item-inner .item-content .content-header {
    padding: 0 10px;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #bfbfbf;
    background-color: #e3e3e3;
    font-weight: bold
}

#body .center-part .center-items.chart0 .chart0-item .item-inner .item-content .chart-chart {
    height: 236px
}

#body .center-part .center-items.chart1 {
    padding-right: 10px;
    height: 274px;
    border: 0;
    margin-bottom: 0
}

#body .center-part .center-items.chart1 .chart1-inner {
    height: 272px;
    border: 1px solid #bfbfbf
}

#body .center-part .center-items.chart1 .chart1-inner .chart1-chart {
    height: 236px
}